<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"
	src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript"
	src="http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX&amp;services=&amp;t=20180323171755"></script>
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- <script src=" http://api.tianditu.com/api?v=4.0"  type="text/javascript"></script> -->

<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/jQuery/navbar/jquery-mobile-navbar.js}"></script>

<!-- 新app菜单 -->
<link rel="stylesheet" type="text/css"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/mobile/common.css}" />
<link rel="stylesheet" th:href="@{/mobile/reset.css}" />
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>

<script th:src="@{/mobile/imgZoomIn.js}"></script>

<style>
pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}

#btitle td {
	font-size: 18px;
}

a {
	text-decoration: none;
}

.div1 {
	border: 1px solid #B8B8B8;
	border-radius: 4px;
	width: 98%;
	margin: auto;
	height: auto;
}

.content-div { //
	border: 1px solid #B8B8B8;
	background-color: #ffffff; //
	border-radius: 4px;
	width: 100%;
	margin: auto;
	height: auto;
}

.comment-div {
	border: 1px solid #B8B8B8;
	border-radius: 4px;
	width: 99%;
	margin: auto;
	height: auto;
}

.div-time {
	font-family: PingFangSC-Regular;
	background: #e9e9e9;
	font-size: 18px;
	color: #333333;
	letter-spacing: 0;
	text-align: justify;
	line-height: 50px;
}

.div-type {
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #666666;
	letter-spacing: 0;
	text-align: justify;
	margin-left: 20px;
}

.div-inline {
	display: inline;
	font-family: PingFangSC-Regular;
	text-align: justify;
	color: #999999;
	width: 50%;
	font-size: 16px;
	line-height: 50px;
	float: left;
}

.box1 {
	display: inline;
	color: #999999;
	float: left;
	margin-left: 20px;
}

.box2 {
	display: inline;
	ont-size: 14px;
	color: #999999;
	float: right;
	margin-right: 5px;
}

.div-title {
	margin-left: 20px;
}

.manager-img {
	display: inline;
	float: left;
	width: 60px;
	height: 60px;
	margin-left: 20px;
}

.manager-content {
	display: inline;
	color: #999999;
	float: left;
	font-size: 12px;
	margin-left: 5px;
}

.manager-row {
	width: 100%;
	height: 60px;
	margin-bottom: 5px;
}

.manager-col {
	width: 49%;
	height: 62px;
	display: inline;
	color: #999999;
	float: left;
}

textarea.ui-input-text {
	min-height: 100px;
}
#btitle .ui-corner-all{
	border-radius: 20px !important;
 }
 .ui-corner-all{
 	border-radius:0 !important;
 	background: #F8F8F8 !important;
 }
 .ui-btn{
 	padding: 0 !important;
 }
 .indexBtnDiv{
 	width: 100%;
 	height: 110px;
 	background: #FFFFFF;
 	align-content: center;
 	padding-top: 23px;
 	padding-bottom: 23px;
 	padding-left: calc(34 / 750 * 100%);
 	padding-right: calc(34 / 750 * 100%);
 }
 
 .indexBtnBox{
 	background: #FFFFFF;
	border: 1px solid #999999;
	border-radius: 6px;
	width: calc(308 / 750 * 100%);
	height: 65px;
 }
 
 .indexBtnImg{
 	width: 54px;
 	height: 54px;
 	padding-left:12px;
 	padding-top: 17px;
 	padding-bottom: 17px; 
 }
 
 .indexBtnImg img{
 	width: 30px;
 	height: 30px;
 }
 
 .indexBtnContent{
 	width: calc(100% - 54px);
 	height: 54px;
 }
 
 .indetBtnF{
 	font-size: 17px;
	color: #333333;
	margin-top: 10px;
	font-weight: 400 !important;
 }
 
 .indetBtnS{
 	background: #E7E6EC;
 	height: 1px;
 	margin-right: 12px;
 }
 
 .indetBtnC{
 	font-size: 13px;
	color: #999999 !important;
 }
 
 .intdexLeft{
 	float: left;
 }
 
 .indexRight{
 	float: right;
 }
 
  .ui-shadow{
 	box-shadow: none !important;
 }
 .ui-btn, label.ui-btn{
 	border-width: 1px !important;
    border-style: solid !important;
    border-top-width: 1px !important;
    order-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
 }
</style>
</head>
<body>
	<div data-role="page" id="pageone">
		<!-- 	<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<h1>智慧治理管理平台</h1>
			<a href='javascript:location.reload();'
				class="ui-btn ui-btn-a ui-icon-refresh ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">refeash</a>
		</div> -->
		<input type="hidden" id="accountName" name="accountName"
			th:value="${session.account.accountName}" /> <input type="hidden"
			id="identify" th:value="${identify}"></input>
			<input type="hidden" id="lng"></input>
			<input type="hidden" id="lat"></input>
			<input type="hidden" id="lng2"></input>
			<input type="hidden" id="lat2"></input>
		<!-- <div data-role="main" class="ui-content" style='background:url(/wcsi/img/backimg.jpg) 50% 0 no-repeat;background-size:cover' >-->
		<div data-role="main" style="background-color: #F5F5F5;">
			<div data-role="popup" id="pop">
				<a href="#" id="backloadingimg" data-rel="back"
					class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a>
				<!-- data-rel="back" -->
				<img src="" id="avatarbig" style="width: 100%" />
			</div>
			<table data-role="table" data-mode="columntoggle:none"
				style="height: 140px; background-color: #FFFFFF; background: url() 50% 0 no-repeat; background-size: 100% 100%"
				id="btitle">
				<thead class="pearlHeading">
					<tr>
						<th width="5%"></th>
						<th width="5%"
							style="vertical-align: middle; padding-right: 0em; padding-left: 0em">
							<a id="login-unlogin"><img id="loginImg" width="15px" height="20px"
								src="/wcsi/img/app/loginIcon.png" /></a>
						</th>
						<th colspan="2" width="35%">
							<div data-role="content"
								style="filter: alpha(Opacity = 80); -moz-opacity: 0.5; opacity: 0.5; padding-right: 0em; padding-left: 0em">
								<input width="100%" type="search" name="search" id="search" style="border-radius: 10px;"
									placeholder="搜索内容..." />
							</div>
						</th>
						<th width="5%"
							style="vertical-align: middle; middle; padding-right: 0em; padding-left: 0em"><img
							id="sweepImg" src="/wcsi/img/sweep.png" /></th>
						<th width="5%"></th>
					</tr>
				</thead>
				<tbody>
					<tr height="20px" style="display:none">
						<td colspan="6"></td>
					</tr>
					<tr height="30px;">
						<td width="5%"></td>
						<td width="5%"></td>
						<td width="35%" colspan="4">
							<div style="opacity: 0.35;background: #4E5560;border-radius: 41px;height: 24px;width: 200px;  position: absolute; right: -15px;">
							<p style="color: #FFFFFF;font-size: 13px;text-align: left; margin-left: 19px;">打造质量发展，高品质生活</p>
							</div></td>
					</tr>
					<tr>
						<td width="5%"></td>
						<td width="5%"></td>
						<td width="35%" colspan="4">
						<div style="opacity: 0.35;background: #4E5560;border-radius: 41px;height: 24px;width: 200px;  position: absolute; right: -70px;">
						<p style="color: #FFFFFF;font-size: 13px;text-align: left; margin-left: 19px">——中冶赛迪信息</p>
						</div></td>
					</tr>
				</tbody>
			</table>
			<div class="indexBtnDiv">
			<input type="hidden" id="roleType" th:value="${session.account.role.id}"></input>
			<input type="hidden" id="historyUrl" th:value="${historyUrl}"></input>
				<div class="indexBtnBox intdexLeft" id="quickReport">
					<div class="intdexLeft indexBtnImg">
						<img src="../img/app/indexBtnE.png" />
					</div>
					<div class="intdexLeft indexBtnContent">
						<p class="indetBtnF">我要上报</p>
						<div class="indetBtnS"></div>
						<p class="indetBtnC">脏、乱、堵</p>
					</div>
				</div>
				<div class="indexBtnBox indexRight" id="quickHistory">
					<div class="intdexLeft indexBtnImg">
						<img src="../img/app/indexBtnH.png" />
					</div>
					<div class="intdexLeft indexBtnContent">
						<p class="indetBtnF">历史上报</p>
						<div class="indetBtnS"></div>
						<p class="indetBtnC">上报状态</p>
					</div>
				</div>
			</div>
			<ul data-role="listview" id="news" data-inset="true">
				<li data-role="list-divider" class="list-divider-ui">城管新闻</li>
			</ul>
			<!-- 历史上报事件 -->
			<ul data-role="listview" id="events" data-inset="true">
				<li data-role="list-divider" class="list-divider-ui">历史案件</li>
			</ul>
			<!-- 区域发布 -->
			<ul data-role="listview" data-inset="true">
				<li data-role="list-divider" class="list-divider-ui">区域描述</li>
			</ul>
			<div>
				<div class="content-div html" id="content"></div>
				<div class="content-div android" id="content1"></div>
			</div>
			<div th:if="${session.account.role.name}!='游客'">
				<ul data-role="listview" id="events" data-inset="true">
					<li data-role="list-divider" class="list-divider-ui">网格管理者</li>
					<div class="manager html" id="manager" style="background: #FFFFFF"></div>
					<div class="manager android" id="manager1" style="background: #FFFFFF"></div>
				</ul>
			</div>


			<div data-role="popup" id="ContentPop">
				<a href="#" data-rel="back"
					class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a>
				<img src="" id="imgbig" style="width: 100%" />
			</div>
			<div class="ui-block-a">
				<h5 align="left" id="area"></h5>
			</div>
			<div class="ui-grid-b">
				<h5 align="right" id="areaphone"></h5>
			</div>
		</div>

		<div data-role="popup" id="menu-scd" data-transition="fade"
			class="vbook-menu-popup ui-popup-container ui-popup-active ui-popup ui-corner-all">
			<ul data-role="listview" id="menu-scd-list" data-inset="true"
				style="min-width: 210px;">
				<!-- <li class="ui-li-icon ui-corner-none" data-icon="false"><a href="#sPanel" id="goaAnds">投诉建议</a></li>
				<li class="ui-li-icon ui-corner-none" data-icon="false"><a href="#" id="goTop">返回顶部</a></li>
				<li class="ui-li-icon ui-corner-none" data-icon="false"><a href="#" id="goBottom">返回底部</a></li> -->
			</ul>
			<div class="ui-popup-arrow-container ui-popup-arrow-b">
				<div id="menu-scd-arrow" class="ui-popup-arrow ui-body-inherit"></div>
			</div>
		</div>

		<div data-role="popup" data-transition="fade" id="popupLoginSelect"
			data-theme="a" class="ui-corner-all">
			<div style="padding: 10px 20px;">
				<h3>请 登 录</h3>
				<input type="text" name="user" id="user" value="" placeholder="用户名"
					data-theme="a" data-clear-btn="true" /> <input type="password"
					name="pwd" id="pwd" value="" placeholder="密码" data-theme="a"
					data-clear-btn="true" /> <label id="error" style="color: red"></label>
				<div data-role="content" style="white-space: nowrap;">
					<!-- <a data-role="button" id="subtnForVisitors" style="background-color:#F5F5F5;border-style:1px #55B937 solid;" data-inline="true">游客</a>  -->
					<button type="button" id="subtnForUser" data-inline="true"
						style="background-color: #55B937; border: 1px #55B937 solid; color: #FFFFFF; width: 45%;">登陆</button>
					<button type="button" id="subtnForRegister" data-inline="true"
						style="background-color: #F5F5F5; border: 1px #55B937 solid; color: #55B937; width: 45%;">注册</button>
					<!-- <a href="javascript: ;" id="subtnForUser" data-ajax='false' data-transition="slide" data-direction="reverse" data-role="button" data-theme="e" data-icon="home" data-inline="true">登录</a> -->
				</div>
				<a href='javascript:void(0)' data-rel="back"
					class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
			</div>
		</div>

		<!-- 		<div data-role="footer" data-position="fixed" data-tap-toggle="true"
			id="footerMenu">
			<div data-role="navbar" id="menu-bar">
				<ul id="menu-list">
					<li><a href="javascript: ;" data-icon="home" class='menuClick'
						id="menu-home">首页</a></li>
				</ul>
			</div>
			<h1>版权所有@Exde 违者必究</h1>
		</div> -->
		<div class="BgDiv"></div>
		<div data-role="footer" data-position="fixed" data-tap-toggle="false">
			<div id="menu-bar" class="menu-bar"></div>
			<div class="flyout-wrap">
				<a class="flyout-btn" href="#" title="Toggle"><span><img
						src="/wcsi/img/plus.svg" /></span></a>
				<ul class="flyout"></ul>
			</div>
		</div>
	</div>

	<div data-role="page" id="eventPage"
		style='background: #FFFFFF; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>详情查看</h1>
			<!-- <a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a> -->
		</div>
		<input type="hidden" id="reportId" />
		<div data-role="content">
			<table data-role="table" width="100%" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c">
				<tbody>
					<tr>
						<td width="100px"><span>上报类型:</span></td>
						<td><div id="reportEventType" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>上报内容:</span></td>
						<td><div id="reportContent" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>上报备注:</span></td>
						<td><div id="reportMemo" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>上报人:</span></td>
						<td><div id="reportUser" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>上报时间:</span></td>
						<td><div id="reportAccTime" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>现场照片:</span></td>
					</tr>
					<tr>
						<td colspan="2"><img src="" class="imgZoomIn" id="reportPic" style="width: 100%; height: auto;"/></td>
					</tr>
				</tbody>
			</table>
			<ul data-role="listview" data-inset="false" style="margin-top: 10px; margin-bottom: 5px;">
				<li data-role="list-divider" style="color: #999999;background: #F2F2F2 !important;">处理结果</li>
			</ul>
			<table data-role="table" width="100%" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c">
				<tbody>
					<tr>
						<td width="100px"><span>内容:</span></td>
						<td><div id="archiveContent" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>备注:</span></td>
						<td><div id="archiveMemo" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>处理人:</span></td>
						<td><div id="archiver" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>处理时间:</span></td>
						<td><div id="archeveDate" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>处理照片:</span></td>
					</tr>
					
<!-- 					<tr>
						<td colspan="2"><img src="" class="imgZoomIn" id="archevePic" style="width: 100%; height: auto;"/></td>
					</tr> -->
				</tbody>
				<tbody id="archeveInfos">
				</tbody>
			</table>
		</div>
		<div data-role="content">
			<ul data-role="listview" data-inset="false" style="margin-top: 10px; margin-bottom: 5px;">
				<li data-role="list-divider" style="color: #999999;background: #F2F2F2 !important;">评价列表</li>
			</ul>
			<ul data-role="listview" data-inset="true" id="comments">
				<!-- <li data-role="list-divider" style="color: #999999;"></li> -->
			</ul>
		</div>
		<ul data-role="listview" data-inset="false" style="margin-top: 10px; margin-bottom: 5px;">
			<li data-role="list-divider" style="color: #999999;background: #F2F2F2 !important;">评论</li>
		</ul>
		<div data-role="content">
				<table data-role="table" width="100%" data-mode="columntoggle:none"
					data-column-btn-theme="e" data-column-popup-theme="c">
					<tbody>
						<tr>
							<td width="15%"><span
								style="color: #999999; text-align: center; margin-top: 5px;">评分</span></td>
							<td width="85%"><div id="starEventDiv"></div></td>
						</tr>
						<tr>
							<td colspan="2" height="50px"><textarea id="commentContent"
									placeholder="请填写评论"></textarea></td>
						</tr>
					</tbody>
				</table>
				<div data-role="content" style="white-space: nowrap;" align="center">
					<a href="#pageone" data-transition="slide" data-direction="reverse"
						data-inline="true" style="text-decoration: none;"><button
							type="button" data-inline="true"
							style="background: #FFFFFF !important; border: 1px solid; border-color:#D8D8D8; border-radius: 6px !important; color: #555555; width: 48%; height: 38px; font-size: 16px;">&nbsp;关闭&nbsp;</button></a>
					<a href="#pageone" id="saveBtnComment" data-transition="slide"
						data-direction="reverse" data-inline="true"
						style="text-decoration: none;"><button type="button" data-inline="true"
						style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important; color: #FFFFFF; width: 48%; height: 38px;font-size:16px;">&nbsp;提交&nbsp;</button></a>
				</div>
		</div>

	</div>


	<div data-role="page" id="newsPage"
		style='background: #FFFFFF; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>新闻详情</h1>
			<!-- <a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a> -->
		</div>
		<div data-role="content">
			<table data-role="table" width="100%" data-mode="columntoggle:none"
				data-column-btn-theme="e" data-column-popup-theme="c" id="myTable">
				<tbody>
					<tr>
						<td width="80px;"><span>标题:</span></td>
						<td><div id="newsTitle" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>摘要:</span></td>
						<td><div id="newsDescribe" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>发布人:</span></td>
						<td><div id="newsUser" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td><span>发布时间:</span></td>
						<td><div id="createTime" style="color: #999999;"></div></td>
					</tr>
					<tr>
						<td colspan="2"><div id="newsContent" style="color: #999999;"></div></td>
					</tr>
				</tbody>
			</table>
		</div>
		<!-- <div data-role="footer" data-position="fixed" data-theme="a">
			<h1>版权所有@ 违者必究</h1>
		</div> -->
	</div>

	<link rel="stylesheet"
		th:href="@{/plugins/jQuery/jquery-ui-1.10.4.css}" />
	<script th:src="@{/plugins/jQuery/jquery.raty.js}"></script>
	<script th:src="@{/plugins/jQuery/jquery.rotate.min.js}"></script>
	<script th:src="@{/mobile/common.js}"></script>
	<script th:src="@{/mobile/Inertia.js}"></script>
	<script th:src="@{/mobile/mobileMain.js}"></script>
	<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
	<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
	<script th:src="@{/plugins/sha256.js}"></script>
	<script th:src="@{/js/mapcoordinate.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>